/*
 * Aquima blue: 		#009BBB
 * Aquima green: 		#C9DD03
 *
 * Background color: 	#BFE6EE
 * Textcolor inputs: 	#254E6E
 * Border & Shadows:	#CDCDCD
 * Table Even & Odd:	#EFEFEF / #FFF
 * Warning:				#009BBB
 * Question:			#707070
 * Button:				#009BBB
 */
 
/* Generic CSS elements */
* { /* Same box model for all browsers */ -moz-box-sizing: border-box; box-sizing: border-box; }

body, html { margin: 0px 0px; padding: 0px 0px; background: #BFE6EE; color: #254E6E; }
body { background: #BFE6EE url("..//images/bg_main.png") no-repeat top center; min-height: 600px; }
img { border: none; }
form { display: inline; }
body { padding-bottom: 16px; padding-top: 16px; }
ul { margin: 0px; padding: 0px; }
body,td,th,input.aq-text,textarea,select { text-align: left; font: 12px/17px Verdana, Arial, sans-serif; }
body { text-align: center; }
div.anim { position:relative; overflow: hidden; }
input.aq-text,textarea,select { color: #254E6E; float:left; }
/* Page element, determines the width of the main DIV */
div#aq-logo {
	 background: url('..//images/logo.png') no-repeat top center;
	 width: 164px;
	 height: 70px;
}
div.aq-page { margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 20px; width: 980px; border: 1px solid #CDCDCD; background-color: #FFF; padding-bottom:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; text-align: left; }
div.aq-page-header { padding: 0px; width: 978px; margin-top:0px; margin-left:0px; }
div.application{ text-align: left; margin-top: 5px; }
div.aq-page-caption { text-align: left; margin-top: 10px; }
div.application span { font: bold 18px Verdana, Arial, Helvetica, sans-serif; color: #FFF; letter-spacing: -1px; }
div.aq-page-caption span { color: #009BBB; font: italic bold 27px/33px Verdana,Arial,Helvetica,sans-serif; margin-left: 25px; }
/* Basic content & footer div*/
div.aq-page-content { width: 945px; margin: 16px; background: #FFF; }
div.aq-header { width: 980px; margin: 0 auto; text-align: left; padding: 5px; }
div#aq-footer, div.aq-footer { margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; width: 980px; text-align:center; color:#FFF; font-weight: bold; }
/*Default table layout  elements*/
div.table { text-align: left; width: 99%; border: 1px solid #CDCDCD; margin-bottom:10px; }
div.table table{ border-collapse: collapse; }
div.aq-table { width: 99%; border: 1px solid #CDCDCD; margin: 5px; border-right: 0px; }
th { color: #FFF; font-weight: bold; padding: 5px; font-style: italic; background-color: #B4E5F6; border-right: 1px solid #CDCDCD; text-shadow: #333 0px 0px 2px; }
thead { height:20px; }
tr.odd { background: #EFEFEF; }
tr.even { background: #FFF; }
tr td { background-color: #EFEFEF; }
tr.aq-even td { background-color: #EFEFEF; }
tr.odd td { background-color: #FFF; }
td { padding: 4px; color: #333; border-right: 1px solid #CDCDCD; border-bottom: 1px solid #EFEFEF; vertical-align: top; }
td div.aq-answer-holder { width: 100%!important; }
td div.aq-answer-holder textarea, td div.aq-answer-holder input { width: 100%!important; }
/*default container and content behaviour*/
div.aq-container { position: relative; text-align: left; padding-top: 0px; overflow: visible; border: 1px solid #CDCDCD; margin-bottom: 15px; }
div.buttoncontainer { border: 0px; }
div.aq-container div.aq-container-caption { width: 100%; padding-left: 8px; padding-top:0px; font: bold 18px/34px Verdana, Arial, Helvetica, sans-serif; border-left: 0px; color: #009BBB; background: #EFEFEF none repeat-x top left; height: 37px; }
div.aq-container div.aq-container div.aq-container-content, div.aq-container div.aq-container-content { margin: 0px; border: 0px; }
div.aq-field { display: block; /* >>> onderste niet aanpassen of verwijderen, IE / FF verschil oplossing */ _height: 24px; overflow: auto !important; overflow: undefined; /* <<< */ margin: 0px; padding-top: 5px; padding-bottom: 5px; clear: both; border-top: 1px solid #CDCDCD; }
div.aq-field div.aq-question { display: block; width: 35%; float: left; padding: 4px 8px; font: bold 11px/18px Verdana, Arial, sans-serif; color: #707070; }
div.aq-field div.aq-answer { display: block; width: 23%; float: left; padding: 2px 8px; font: normal 12px/18px Verdana, Arial, sans-serif; color: #333333; }
div.aq-answer-holder{ float:left; }
div.aq-answer-holder input.aq-input { width: 200px; }
div.aq-answer-holder ul { margin: 0px; padding: 0px; padding-top: 4px; }
div.aq-answer-holder ul li { list-style: none outside none; padding: 0px; margin: 0px; padding-bottom: 2px; }
div.aq-answer-holder ul li input { margin-left: 0px; margin-right: 5px; }
/* Alert & Refresh */
div.aq-alertcontainer { text-align: left; margin-bottom: 2px; padding: 3px; float:left; background: url(..//images/alert.png) 8px 8px no-repeat; position: relative; top: 0px; height: auto; width: 385px; }
div#aq-page-content div.aq-alertcontainer { text-align: left; margin-bottom: 16px; background: url(..//images/AlertIcon_sm.jpg) 3px 3px no-repeat; }
div.aq-alertcontainer div.aq-alert { font-weight: bold; padding-left: 20px; padding-top: 1px; border: 2px solid #FFF; }
div.buttoncontainer div.aq-field { text-align: left; }
div.aq-error-holder{ border: 1px dotted red; padding-top:4px; }
div.aq-error, div.aq-warning { color: #FFF; font: normal 11px/17px Verdana,Arial,sans-serif; padding-bottom: 2px; }
div.aq-question div.required,div.aq-question div.refresh,div.aq-question div.explain { float: right; display: block; width: 25px; height: 25px; font-size: 8px; }
div.aq-question div.refresh { margin-right: 2px; }
div.aq-refresh span,div.aq-required span { display: none; }
/* Explain */
div.aq-explain { position: relative; top: 2px; }
div.aq-explain span { background: transparent url("..//images/questionmark.png") left no-repeat; float: left; display: block; width: 24px; height: 23px; font-size: 8px; margin-left: 5px; text-indent: 30px; overflow: hidden; cursor: pointer; }
div.aq-required { background: transparent url(..//images/required.png) left no-repeat; float: left; display: block; width: 15px; height: 15px; font-size: 8px; margin-top: 6px; }
/* Textcontainer */
div.aq-textcontainer { text-align: left; margin: 0px 0px; }
div.aq-textcontainer .aq-container-caption { display: block; font: bold 18px Arial, Helvetica, sans-serif; color: #54A3F7; }
div.aq-textblock { margin: 8px 0px; }
div.aq-textcontainer div.aq-field { background: #DFEDFE; padding: 4px 0px; }
/* Container others */
div.aq-submitholder { margin-top: 16px; text-align: center; }
/*instance selector table*/
table.aq-instanceselector { border-collapse: collapse; display: block; width:100%; }
div.aq-container table.instanceselector { margin-bottom: 4px; }
/* Instance selector */
div.aq-instance_selector { width: 99%; margin: 5px; }
/* instance selector header */
div.aq-instance_selector div.aq-header { width: 100%; padding: 0px; border: 1px solid #CDCDCD; border-bottom: 0px; border-right: 0px; }
div.aq-instance_selector div.aq-instances { border-left: 1px solid #CDCDCD; }
div.aq-instance_selector div.aq-buttons { border-top: 1px solid #CDCDCD; }
div.aq-instance_selector div.aq-header div.aq-header-2 div.aq-table-cell { width: 50%; padding: 0px; }
div.aq-instance_selector div.aq-header div.aq-header-3 div.aq-table-cell { width: 33%; padding: 0px; }
div.aq-instance_selector div.aq-header div.aq-header-4 div.aq-table-cell { width: 25%; padding: 0px; }
div.aq-instance_selector div.aq-header div.aq-header-5 div.aq-table-cell { width: 20%; padding: 0px; }
div.aq-instance_selector div.aq-header div.aq-header-6 div.aq-table-cell { width: 16%; padding: 0px; }
div.aq-instance_selector div.aq-header div.aq-header-7 div.aq-table-cell { width: 14%; padding: 0px; }
div.aq-instance_selector div.aq-header div.aq-header-8 div.aq-table-cell { width: 12%; padding: 0px; }
div.aq-instance_selector div.aq-header div.aq-header-9 div.aq-table-cell { width: 11%; padding: 0px; }
div.aq-instance_selector div.aq-header div.aq-header-10 div.aq-table-cell { width: 10%; padding: 0px; }
div.aq-instance_selector div.aq-header { background-color: #B4E5F6; }
div.aq-instance_selector div.aq-header div.aq-header-3 div.aq-table-column-1 { width: 34%; padding: 0px; }
div.aq-instance_selector div.aq-header div.aq-table-cell { border-right: 1px solid #CDCDCD; }
div.aq-instance_selector div.aq-header div.aq-table-cell span { background: transparent; font: italic 14px/20px Verdana, Helvetica, sans-serif; font-weight: bold; text-shadow: #333 0px 0px 2px; }
div.aq-instance_selector div.aq-header div.aq-table-cell div.aq-asset { padding: 0px; }
/* Instance selector instances */
div.aq-instance_selector div.aq-instances { width: 100%; padding: 0px; }
div.aq-instance_selector div.aq-instances div.aq-column-2 div.aq-table-cell { width: 50%; padding: 0px; }
div.aq-instance_selector div.aq-instances div.aq-column-3 div.aq-table-cell { width: 33%; padding: 0px; }
div.aq-instance_selector div.aq-instances div.aq-column-4 div.aq-table-cell { width: 25%; padding: 0px; }
div.aq-instance_selector div.aq-instances div.aq-column-5 div.aq-table-cell { width: 20%; padding: 0px; }
div.aq-instance_selector div.aq-instances div.aq-column-6 div.aq-table-cell { width: 16%; padding: 0px; }
div.aq-instance_selector div.aq-instances div.aq-column-7 div.aq-table-cell { width: 14%; padding: 0px; }
div.aq-instance_selector div.aq-instances div.aq-column-8 div.aq-table-cell { width: 12%; padding: 0px; }
div.aq-instance_selector div.aq-instances div.aq-column-9 div.aq-table-cell { width: 11%; padding: 0px; }
div.aq-instance_selector div.aq-instances div.aq-column-10 div.aq-table-cell { width: 10%; padding: 0px; }
div.aq-instance_selector div.aq-instances div.aq-column-3 div.aq-table-column-1 { width: 34%; padding: 0px; min-height: 40px; }
div.aq-instance_selector div.aq-instances div.aq-table-row { background-color: #FFF; border-top: 1px solid #EFEFEF; border-right: 1px solid #CDCDCD; min-height: 40px; }
div.aq-instance_selector div.aq-instances div.aq-odd { background-color: #EFEFEF; border-bottom: 1px solid #EFEFEF; border-right: 1px solid #CDCDCD; }
div.aq-instance_selector div.aq-instances div.aq-table-cell { border-right: 1px solid #CDCDCD; }
div.aq-instance_selector div.aq-instances div.aq-table-cell div.aq-answer-holder { margin: 5px; padding: 3px; width: 97%; }
div.aq-instance_selector div.aq-instances div.aq-table-cell div.aq-answer-holder input.aq-input { padding: 4px; width: 100%; }
/* Xslt instance selector */
table.aq-instanceselector thead { border-left: 1px solid #CDCDCD; border-top: 1px solid #CDCDCD; }
table.aq-instanceselector tbody { border-left: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD;  }
table.aq-instanceselector tr td div.aq-answer-holder { padding: 3px; margin: 2px; }
table.aq-instanceselector tr td div.aq-answer-holder input.aq-input { padding: 4px; }
div.aq-dateholder{ width:180px; }
table.aq-instanceselector td { white-space: nowrap; padding-left:4px; padding-right:10px; padding-top:4px; padding-bottom:4px; }
/*Document download container*/
div.aq-document { margin-left: 5px; }
a.aq-document-link{ padding: 4px; font-weight:bold; color:#009BBB; text-decoration:none; }
a.aq-document-link:hover{ color:#000; }
div.aq-document-link{ bottom: 0px; }
div.aq-saveas { width: 46px; height: 46px; background: transparent url(..//images/icon_pdf.gif) center center no-repeat; }
div.aq-saveas span { display: none; }
div.aq-doclink{ margin-top: -45px; position: absolute; margin-left: 55px; }
/*Default inputs*/
div.aq-field input[type="text"]{ padding: 3px; border: 1px solid #CDCDCD; float:left; }
div.aq-field input.readonly { border: 0px; }
input.aq-long { width: 90%; }
input.aq-short { width: 100px; }
input.aq-checkbox { margin: 7px 0px; }
textarea.aq-text { border: none; border-top: 1px solid #555; border-left: 1px solid #555; padding: 1px 2px; width: 90%; height: 80px; }
label { cursor: pointer; }
select.aq-text, select { border: 1px solid #CDCDCD; padding: 2px; color: #333; }
/* Buttons */
div.aq-button-container, div.aq-button-container-delete, div.aq-button-container-back { 
	margin: 0px; 
	cursor: pointer; 
	padding: 4px;
	padding-top: 2px; 
	text-align: left; 
	color: #333333; 
	font-weight: normal; 
	font-size: 12px; 
	background-color: #E6E8E8; 
	height: auto;
	margin:2px; 
	width: auto;
	_width: 120px; 
	min-width: 70px; 
	overflow: visible; 
	display: inline-block; 
	white-space: no-wrap; 
	-moz-border-radius: 11px; 
	-webkit-border-radius: 11px; 
	border-radius: 11px; 
	border: 1px solid #CDCDCD;
	-moz-box-shadow: 0 1px 0 #EFEFEF; /* Firefox/Mozilla */
	-webkit-box-shadow: 0 1px 0 #EFEFEF; /*Safari/Chrome */
	box-shadow: 0 1px 0 #EFEFEF; /* Opera */
	_float: left;
}
div.aq-button-container-delete { background-color: #E6E8E8; }
div.aq-button-container-back { background-color: #E6E8E8; }
div.aq-button-container div.aq-button-wrapper,div.aq-button-container div.aq-button, div.aq-button-container-delete div.aq-button-wrapper-delete, div.aq-button-container-back div.aq-button-wrapper-back { display: block; background: transparent!important; margin: 0px; padding: 0px; height: auto; } 
div.aq-button-container div.aq-button-wrapper input, div.aq-button-container div.aq-button input, div.aq-button-container-delete div.aq-button-wrapper-delete input, div.aq-button-container-back div.aq-button-wrapper-back input { display: block; line-height: 25px; padding-left: 5px; margin-right: 2px; text-decoration: none; background: transparent; border: 0px;  cursor: pointer; height: 22px; width: auto; font-family: "Trebuchet MS",geneva,helvetica,arial,tahoma,verdana,sans-serif; font-size: 13px; width: 100%; text-align: center; 	text-shadow: 0 1px 0 #FFFFFF; }
div.aq-button-container:hover { box-shadow: inset 0 0 20px #CDCDCD; -moz-box-shadow: inset 0 0 20px #CDCDCD; }
div.aq-button-container-delete:hover { box-shadow: inset 0 0 20px #CDCDCD; -moz-box-shadow: inset 0 0 20px #CDCDCD; }
div.aq-button-container-back:hover { box-shadow: inset 0 0 20px #CDCDCD; -moz-box-shadow: inset 0 0 20px #CDCDCD; }
/* Breadcrumb */
div.aq-breadcrumbcontainer{ margin-top:20px; height: 35px; background-color: #EFEFEF; }
div.aq-breadcrumbcontainer ul{ list-style-type: none; color: #FFF; font-weight: bold; padding:0px; margin: 0px; }
div.aq-breadcrumbcontainer ul li{ float:left; text-align: left; padding: 3px; padding-left:0px; list-style: none outside none; }
div.aq-breadcrumbcontainer ul li.aq-seperator{ width: 10px; float:left; padding: 3px; margin-right: 7px; }
div.aq-breadcrumbcontainer ul li.aq-current{ color: #bbb; }
div.aq-breadcrumbcontainer ul li.aq-passed a.aq-breadcrumb{ color: #C9DD03; text-decoration:none; }
div.aq-breadcrumbcontainer ul li.aq-breadcrumb-disabled, div.aq-breadcrumbcontainer ul li.aq-breadcrumb-disabled-xslt,
div.aq-breadcrumbcontainer ul li.aq-breadcrumb-passed { width: auto; line-height: 22px; height: 32px; position: relative; padding-left: 0px; }
div.aq-breadcrumbcontainer ul li.aq-breadcrumb-current { width: auto; line-height: 22px; height: 32px; position: relative; padding-left: 0px; }
div.aq-breadcrumbcontainer ul li.aq-breadcrumb-caption, div.aq-breadcrumbcontainer ul li.aq-breadcrumb-caption-current { color: #009BBB; font-weight: bold; padding-left: 17px; padding-top: 8px; position: relative; }
div.aq-breadcrumbcontainer ul li.aq-breadcrumb-caption-current { color: #C9DD03; }
div.aq-breadcrumbcontainer ul li.aq-breadcrumb-disabled span, div.aq-breadcrumbcontainer ul li.aq-breadcrumb-disabled-xslt span,
div.aq-breadcrumbcontainer ul li.aq-breadcrumb-passed a { font-weight: bold; font-size: 12px; color: #808080; position: relative; left: 4px; line-height: 27px; }
div.aq-breadcrumbcontainer ul li.aq-breadcrumb-current span { font-weight: bold; font-size: 12px; color: #FFF; position: relative; left: 4px; line-height: 27px; }
div.aq-breadcrumbcontainer ul li.aq-passed a.aq-breadcrumb:hover{ color: #bbb; text-decoration:none; }
div.aq-stacktrace{ overflow:auto; width:100%; border: 1px solid #CDCDCD; background: #eee; margin-top:10px; }
/* Specifics */
div.aq-asset, div.aq-text, span.aq-error { padding: 5px; }
div.aq-stacktrace { padding: 5px; margin: 5px; width: 99%; }
/* Only for json UI */
div.AquimaMVC div.aq-alertcontainer { left: 698px; margin-bottom: 10px; margin-top: 20px; }
div.aq-page-content div.aq-alertcontainer  { left: 338px; margin-bottom: 5px; margin-top: 0px; }
div.aq-alertcontainer { background-color: #f08e82; margin-right: 2px; width: 355px; left: 340px; }
div.yui-tt { width: 285px; }
div.bd div.aq-explain-header { width: 283px; height: 28px; color: #FFF; background: url('..//images/tooltip_top.png') no-repeat top left; }
div.bd div.aq-explain-body { width: 283px; height: auto; color: #009BBB; background: url('..//images/tooltip_bg.png') repeat-y top left; padding-bottom: 10px; }
div.bd div.aq-explain-body span.aq-explain { text-align: left; margin-left: 54px; padding-right: 10px; width: 226px; display: block; }
div.bd div.aq-explain-footer { width: 283px; height: 20px; color: #FFF; background: url('..//images/tooltip_bottom.png') no-repeat top left; }
/* Only for xslt UI */
div.aq-container-instance { border: 1px solid #CDCDCD; }
div.aq-container-instance-caption { width: 100%; padding-left: 8px; padding-top:0px; font: bold 18px/34px Verdana, Arial, Helvetica, sans-serif; border-left: 0px; color: #009BBB; background: #EFEFEF none repeat-x top left; height: 37px; }
div.aq-container-instance-content { padding: 5px; }
div.aq-page-alertcontainer-xslt { text-align: left; margin-bottom: 2px; padding: 3px; float:left; background: url(..//images/alert.png) 8px 8px no-repeat; position: absolute; height: auto; z-index: 10; width: 385px; margin-left: 585px; margin-top: 5px; }
div.aq-page-alertcontainer-xslt, div.aq-alertcontainer-xslt { text-align: left; margin-bottom: 2px; padding: 3px; float:right; background: url(..//images/alert.png) 8px 8px no-repeat; height: auto; width: 355px; background-color: #f08e82; margin-right: 4px; }
div.aq-page-alertcontainer-xslt div.aq-alert, div.aq-alertcontainer-xslt div.aq-alert { font-weight: bold; padding-left: 20px; padding-top: 1px; border: 2px solid #FFF; }
div.aq-explain-hidden { display: none; left: 580px; margin-top: -5px; position: absolute; z-index: 5;}
div.aq-explain-hidden div.aq-explain-header { display: none; }
div.aq-explain-hidden div.aq-explain-body { width: 283px; height: auto; color: #009BBB; background-color: #EFEFEF; padding-bottom: 0px; border: 1px solid #CDCDCD; }
div.aq-explain-hidden div.aq-explain-body span.aq-explain { display: block; margin-left: 5px; padding: 5px; text-align: left; width: 270px; }
div.aq-explain-hidden div.aq-explain-footer { display: none; }
div.aq-alertcontainer-element div.aq-error { color: #333; font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif; } 
/* YUI Tooltips */
.yui-skin-sam .yui-tt .bd  { background-color: transparent!important; border: 0px!important; }
.yui-skin-sam .yui-tt-shadow { background-color: transparent!important; }